img {
    max-width: 100%;
    height: auto;
}
body {
    font-family: Arial, serif;
}

.arial_font {
    font-family: Arial, serif;
}

.main-h1 {
    font-size: 46px;
    font-family: Arial;
    font-weight: bold;
}

.main-Helvetica-font-16{
    font-family: Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 155.69%;
}
.main-Roboto-font-14-bold {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;

    /* wh */

    color: #FFFFFF;
}

.img-style{
    width: 158px;height: 54px;margin-top: 54px;margin-bottom: 34px;
}

.main-Roboto-font-16{
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 155.69%;
}
.main-Roboto-font-f-w-500-14{
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 155.69%;
    text-transform: uppercase;
}

.main-Arial-font-16{
    font-family: Arial, serif;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 107.49%;
    color: #3D4858;
}
.main-Arial-font-bold-36 {
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 41px;
    text-align: center;
    color: #FFFFFF;
}
.main-Arial--16 {
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 179.19%;
}
.main-Arial-font-normal-16 {
    font-family: Arial, serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 179.19%;
    color: #3C4858;
}
.main-Roboto-font-bold-24 {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
}

.main-Roboto-font-bold-18 {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18.234px;
    line-height: 21px;
    text-align: center;
    color: #3E4857;
}
.main-Roboto-font-bold-45{
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 45px;
    line-height: 116.99%;
}

.antivirus_main {
    padding: 60px 60px 60px 60px;
}
.antiphishing_main {
    padding: 60px 60px 60px 60px;
}
.promocod_main {
    padding: 60px 100px 40px 70px;
}

.padding_main {
    padding-top: 100px;
}
@media screen and (max-width: 767px) {
    .main-h1 {
        font-size: 32px;
    }
    body {
        font-size: 14px;
    }
    .antivirus_main {
        padding: 40px 40px 40px 40px;
    }
    .antiphishing_main {
        padding: 40px 40px 40px 40px;
    }
    .promocod_main {
        padding: 40px 40px 40px 40px;
    }

    .padding_main {
        padding-top: 20px;
    }
}

.scanned-zone {
    max-width: 1091px;
    height: 389px;
    min-height: 389px;
    max-height:480px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}

@media (max-width: 767px) {
    .scanned-zone {
        height: auto;
        min-height: 389px;
        max-height: 767px;
    }
}

#qr-reader__scanner_nav {
    padding: 18px 10px;
}

#qr-reader__scanner_nav a {
    margin: 0 20px;
}

#qr-reader__scanner_nav a.active {
    color: #9B27AF !important;
    border-bottom: 3px solid #9B27AF;
    padding-bottom: 16px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

@media (max-width: 767px) {
    #qr-reader__scanner_nav {
        padding: 15px 5px;
        margin: -1px;
    }

    #qr-reader__scanner_nav a {
        font-style: normal;
        font-size: 14px;
        line-height: 16px;
        margin: 0 20px;
    }
}

@media (max-width: 480px) {
    #qr-reader__scanner_nav {
        padding: 15px 5px;
        margin: 0;
    }

    #qr-reader__scanner_nav a {
        font-style: normal;
        font-size: 14px;
        line-height: 16px;
        margin: 0 5px;
    }
}

#qr-reader__scan_region video {
    max-width: 558px;
    max-height: 330px;
}

#qr-reader__dashboard_section_fsr {
    margin: 30px;
    border: 1px dashed #ccc;
    border-radius: 6px;
    max-width: 1011px;
    max-height: 249px;
    font-family: sans-serif;
}

#qr-reader__dashboard_section_fsr.highlight {
    border-color: #9B27AF;
}

#qr-reader__dashboard_section_rsr {
    max-width: 558px;
    margin: auto;
}

.nav_section_result_disabled {
    pointer-events: none;
    cursor: default;
    color: #C1C4C8 !important;
}

#share-link:hover {
    background: rgba(148,144,143,0.4);
    transition: all 0.5s ease-out;
}

#complain-link:hover {
    background: rgba(148,144,143,0.4);
    transition: all 0.5s ease-out;
}